.cate_view {
  display: flex;
  /* calc: 原生css计算,需要注意运算符前后需要保留一个空格*/
  height: calc(100vh - 80rpx);

  .cate_menus {
    /* 子项高度 默认等于 = 父项高度 */
    width: 200rpx;
    background: #f4f4f4;


    .menu_item {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 80rpx;
      font-size: 28rpx;
    }

    .menu_item.active {
      color: red;
      border-left: 3px solid red;
      background: #fff;
    }
  }

  .cate_goods {
    flex: 1;

    .goods_show {
      .cate_goods_title {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 80rpx;
        font-size: 28rpx;
      }

      .goods_show_content {
        display: flex;
        flex-wrap: wrap;

        .goods_items {
          width: 33.33%;
          text-align: center;
          font-size: 24rpx;

          image {
            width: 50%;
          }
        }
      }
    }
  }
}